<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>预览未上传完成的图片，兼容IE浏览器</title>
</head>
<body>
<input type="file" onchange='change("preview","file1")' id="file1">
<br>
<img src="" alt="" id="preview" width="200" height="135">
<script type="text/javascript">
    function change(picId,fileId) {
        var pic = document.getElementById(picId),
                file = document.getElementById(fileId);
        var ext=file.value.substring(file.value.lastIndexOf(".")+1).toLowerCase();
        // gif在IE浏览器暂时无法显示
        if(ext!='png'&&ext!='jpg'&&ext!='jpeg'){
            alert("图片的格式必须为png或者jpg或者jpeg格式！");
            return;
        }
        var isIE = navigator.userAgent.match(/MSIE/)!= null,
                isIE6 = navigator.userAgent.match(/MSIE 6.0/)!= null;

        if(isIE) {
            file.select();
            file.blur();
            var reallocalpath = document.selection.createRange().text;
            // IE6浏览器设置img的src为本地路径可以直接显示图片
            if (isIE6) {
                pic.src = reallocalpath;
            }else {
                // 非IE6版本的IE由于安全问题直接设置img的src无法显示本地图片，但是可以通过滤镜来实现
                pic.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\"" + reallocalpath + "\")";
                // 设置img的src为base64编码的透明图片 取消显示浏览器默认图片
                pic.src = '';
            }
        }else {
            html5Reader(file,pic);
        }
    }
    function html5Reader(file,pic){
        var file = file.files[0];
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e){
            pic.src=this.result;
        }
    }
</script>
</body>
</html>